<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta content="telephone=no,email=no" name="format-detection">
    <script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"></script>
    <link rel="stylesheet" type="text/css" href="css/y_main.css">
    <script src="js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="js/Yeffect16_0627.min.js"></script>
    <title></title>
</head>
<body>
	<div class="y_nav"><a href=""><img src="images/y_return.png" /></a><span>紧急联系人信息</span></div>
	<div class="y_information">
		<ul>
			<li><span>姓名</span><input type="text" name="" placeholder="请输入紧急联系人姓名"/></li>
			<li><div class="y_go"><span>关系</span><span class="y_guanxi">请选择与本人的关系</span><img class="y_next_img" src="images/y_next.png"></div></li>
			<li><span>手机号码</span><input type="number" name="" placeholder="请输入手机号码"/></li>
		</ul>
	</div>
	<div class="y_submit">
		<a href="" target="_blank" class="">下一步</a> <!-- 选中样式   class="y_current" -->
	</div>
	<!-- 半透明阴影层 -->
	<div class="y_hide"></div>
	<div class=""></div>
	<!-- 弹出层 -->
	<div class="y_showA">
		<ul>
			<li><a href="javascript:void(0)">家人</a></li>
			<li><a href="javascript:void(0)">朋友</a></li>
			<li><a href="javascript:void(0)">同事</a></li>
			<div class="y_hr"></div>
			<li><a href="javascript:void(0)" style="color: #FF3939;">取消</a></li>
		</ul>
	</div>
	<script type="text/javascript">
		$(".y_go .y_guanxi,.y_go img").click(function(){
			//$(".y_hide").show(300);
			$(".y_hide").fadeIn("slow");
			$(".y_showA").animate({ bottom: "0" },600,"easeOutCubic");

		})
		$(".y_hide,.y_showA ul li").click(function(){
			//$(".y_hide").hide(300);
			$(".y_hide").fadeOut("slow");
			$(".y_showA").animate({ bottom: "-4.9rem" },600,"easeOutCubic");

		})
	</script>
</body>

</html>